<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>资产分类管理</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>
		<script type="text/javascript" src="layui/layui.all.js"></script>
	</head>

	<body>
		<div class="layui-row layui-col-space20">
			<div class="layui-row layui-bg-gray" style="margin:20px 15px;">
				<span class="layui-breadcrumb">					
	                    <a href="javascript:toIndext() ;">首页</a>
	                    <a href="">基础信息管理</a>
	                    <a href="">数据字典管理</a>                 
	               </span>
			</div>

			<div class="layui-row" style="margin:auto 15px;">
				<div class="layui-form">
					<div class="layui-col-md4">
						<span>分类名称：</span>
						<div class="layui-input-inline">
							<input type="text" name="title" required lay-verify="required" placeholder="全部" autocomplete="off" class="layui-input">
						</div>
					</div>

					<div class="layui-col-md4">
						<span>上级分类：</span>
						<div class="layui-input-inline">
							<select name="city" lay-verify="required">
								<option value=""></option>
								<option value="0">北京</option>
								<option value="1">上海</option>
								<option value="2">广州</option>
								<option value="3">深圳</option>
								<option value="4">杭州</option>
							</select>
						</div>
					</div>
				</div>

				<div class="layui-col-md4">
					<button class="layui-btn" lay-submit lay-filter="formDemo"><span class="layui-icon layui-icon-search"></span>检索Search</button>
				</div>
			</div>
		</div>

		<div class="layui-row">
			<table class="layui-table">
				<colgroup>
					<col width="150">
					<col width="200">
					<col>
				</colgroup>
				<thead>
					<tr>
						<th><span class="layui-icon layui-icon-note">分类编码</th>
							<th>分类名称</th>
							<th>上级分类</th>
							<th>备注信息</th>
						</tr>
					</thead>
					<tbody>
		 			    <tr>
						      <td>贤心</td>
						      <td>2016-11-29</td>
						      <td>人生就像是一场修行</td>
						      <td>aaa</td>
						    </tr>
						    <tr>
						      <td>许闲心</td>
						      <td>2016-11-28</td>
						      <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
						      <td>aaa</td>
						    </tr>																														
					</tbody>
				</table>
			</div>
				
			    <div class="layui-row">
			    	<div id="test1"></div>
		              <script src="/static/build/layui.js"></script>
		              <script>
		                layui.use('laypage', function(){
		                var laypage = layui.laypage;
		                //执行一个laypage实例
		                laypage.render({
		                elem: 'test1' //注意，这里的 test1 是 ID，不用加 # 号
		                ,count: 50 //数据总数，从服务端得到
		               });
		             });
		              </script>		
			    </div>						    
		</div>
	
	
			<script src="../layui/layui/layui.all.js"></script>
			<script type="text/javascript">
				layui.use(['element', 'form', 'laypage'], function() {
					var element = layui.element;
					var form = layui.form;
					var laypage = layui.laypage;
					laypage.render({
						elem: 'pageId',
						count: 50
					});
				});
	
				function toIndext() {
					$('.layui-body').load('personCenter.html');
				}
			</script>
	
		</body>
	
	</html>